<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <body>

        <ui:composition template="./template.xhtml">

            <ui:define name="title">
                Kuchařka - #{receptView.recept.nazev}
            </ui:define>

            <ui:define name="heading">
                #{receptView.recept.nazev}
            </ui:define>

            <ui:define name="subheading">
                Zde najdete podrobnosti o vybraném receptu.
            </ui:define>

            <ui:define name="content">
                <table width="100%">
                    <tr>
                        <td align="left">
                            <h3>
                                Seznam ingrediencí
                            </h3>
                        </td>
                        <td align="right">
                            <h3>    
                                <h:form>
                                    <!-- Tlačítko pro vaření by mělo být zobrazeno pravděpodobně všem uživatelům -->
                                    <h:commandLink type="submit" class="btn btn-xs btn-success">
                                        <span class="glyphicon glyphicon-cutlery"/>Vařit
                                    </h:commandLink>
                                    <!-- Tlačítka pro úpravu a mazání receptu by se měly zobrazit pouze těm, kdo mají patřičná práva -->
                                    <c:choose>
                                        <c:when test="#{PrihlaseniView.logged}">
                                            <h:commandLink type="submit" class="btn btn-xs btn-primary" action="#{receptView.showReceptEdit(receptView.recept)}">
                                                <span class="glyphicon glyphicon-pencil"/>Upravit
                                            </h:commandLink>

                                            <h:commandLink type="submit" class="btn btn-xs btn-danger">
                                                <span class="glyphicon glyphicon-remove"/>Smazat
                                            </h:commandLink>
                                        </c:when>
                                        <c:otherwise>
                                            <span/>
                                            <span/>
                                        </c:otherwise>
                                    </c:choose>
                                </h:form>
                            </h3>
                        </td>
                    </tr>
                </table>
		
                 
                <ul>
                    <ui:repeat value="#{receptView.toList(receptView.recept.seznamIngredienci)}" var="entry">
			<li>
                            <h:outputText escape="false" value="#{entry.value.mnozstvi}"/>
                            &nbsp;
                            <h:outputText escape="false" value="#{entry.value.jednotka}"/>
                            &nbsp;-&nbsp;
                            <h:outputText escape="false" value="#{entry.key.nazev}"/>
			</li>
                    </ui:repeat>	
		</ul>
        
		<h3>
	  		Postup
		</h3>
                    <h:outputText escape="false" value="#{receptView.recept.postup}"/>
                <!--<ul>
                    <ui:repeat value="#{receptView.recept.postup}" var="value">
                                <li>
                                    <h:outputText escape="false" value="#{value.postup}"/>
                                </li>
                    </ui:repeat>
                </ul>-->  
                
		
            </ui:define>
            
            <ui:define name="breadcrumbs">
                <h:commandLink action="index" value="Kuchařka"/> > <h:commandLink action="recepty" value="Seznam receptů"/> > #{receptView.recept.nazev}
            </ui:define>

        </ui:composition>

    </body>
</html>
